<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

	?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
	/* We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_enqueue_script('jquery');
	wp_enqueue_script('jquery-ui-core');
	wp_enqueue_script('jquery-ui-tabs');
	wp_head();
?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/ui-lightness/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/js/jquery.bxslider/jquery.bxslider.css" />
<!-- Load the CloudCarousel JavaScript file -->
<script type="text/JavaScript" src="<?php bloginfo( 'template_url' ); ?>/js/cloud-carousel.1.0.5.js"></script>
<script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/jquery.dcverticalmegamenu.1.3.js'></script>
<script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/jquery.bxslider/jquery.bxslider.min.js'></script>
<script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/jquery.cycle.all.js'></script>
<script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('#scrollbar1').tinyscrollbar();	
	});
</script>	
<script type="text/javascript">
<!--//--><![CDATA[//><!-- for the Menu Browse Category
sfHover = function() {
var sfEls = document.getElementById("browse-cat").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]>
</script>
</head>

<div class="header_bar">
	<div class="centered clear">
		<div class="left">Welcome to Tiana Von Johnson Independent Brand Partner</div>
		<div class="right">
			<?php wp_nav_menu( array('menu' => 'TopMenu2','container'=>false,'menu_class'=>'top_menu2')); ?>
		</div>
	</div>
</div>
<div class="centered">
	<div class="header clear">
		<div class="left"><a href="<?php bloginfo( 'url' ); ?>"><img src="<?php bloginfo( 'template_url' ); ?>/images/logo.png" alt="logo" /></a></div>
		<div class="right">
			<div class="clear">
				<div class="shopping_cart_holder right clear">
					<div class="shopping_cart_bag left"><img src="<?php bloginfo( 'template_url' ); ?>/images/shopping_bag.png" alt="logo" /></div>
					
					<div class="shopping_cart_details left">
						<div class="uppercase blue">items in Your Cart</div>
							<?php // A second sidebar for widgets, just because.
								if ( is_active_sidebar( 'secondary-widget-area' ) ) : ?>
								<?php dynamic_sidebar( 'secondary-widget-area' ); ?>
							<?php endif; ?>
						<!--<div><input class="shopping_cart_checkout" name="" type="submit" value="checkout" /></div>-->
						<div  class="shopping_cart_checkout"><a href="<?php bloginfo( 'url' ); ?>/products-page/checkout/">Checkout</a></div>
					</div>
						
				</div>
			</div>
			<div class="search_holder clear">
				<div class="left sign_up"><a href="http://brazilianreshapers.com/sign-up-for-products-specials/">SIGN UP FOR PRODUCT SPECIALS</a></div>
				<div class="left">
					<?php // A second sidebar for widgets, just because.
						if ( is_active_sidebar( 'live-search-widget-area' ) ) : ?>
						<?php 
							//echo"<div style=\"font-size:11px; font-weight:bold;\">Product Search</div>";
							dynamic_sidebar( 'live-search-widget-area' ); 
						?>
					<?php endif; ?>
					<!--<form role="search" method="get" id="searchform" action="" class="search-form">
						<div class="control-group">
							<div class="controls"><input type="text" placeholder="Search" id="s" name="s" class="field"></div>
						</div>
						<span class="submit-wrapper"><input type="submit" value="Search" name="submit" class="submit"></span>
					</form>-->
				</div>
			</div>
		</div>
	</div> <!-- end header -->
	<div class="menu clear">
		<div class="left">
			<?php wp_nav_menu( array('menu' => 'TopMenu','container'=>false,'menu_class'=>'top_menu')); ?>
		</div>
		<div class="social_icons right">
			<a href="<?php echo get_option('wp_fb'); ?>"><img src="<?php bloginfo( 'template_url' ); ?>/images/facebook_dark.png" alt="facebook icon" /></a>
			<a href="<?php echo get_option('wp_twitter'); ?>"><img src="<?php bloginfo( 'template_url' ); ?>/images/twitter_dark.png" alt="twitter icon" /></a>
			<a href="<?php echo get_option('wp_youtube'); ?>"><img src="<?php bloginfo( 'template_url' ); ?>/images/youtube_dark.png" alt="youtube icon" /></a>
			<a href="<?php bloginfo('url');?>/feed/rss"><img src="<?php bloginfo( 'template_url' ); ?>/images/rss_dark.png" alt="rss icon" /></a>
		</div>
	</div><!-- end menu -->
	